@import 'transition/index.less';
//.n-menu-item-content--selected{
//  --n-item-color-active: #16295E;
//  --n-item-color-active-hover: #16295E;
//  --n-item-color-active-collapsed: #16295E;
//}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #f2f2f2;
  padding-right: 2px;
}
::-webkit-scrollbar-thumb {
  //background: #fff;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border: 0;
}
.divider{
  &-20{
    height: 20px;
  }
}
.text-primary{
  color: var(--n-color-target);
}
.n-card{
  &.form-card{
    > .n-card__content {
      padding-bottom: 0;
    }
  }
}
.n-layout[inverted="true"]{
  .layout-header{
    .n-breadcrumb-item{
      &:last-child{
        .n-breadcrumb-item__link{
          color: #fff !important;
        }
      }
      .n-breadcrumb-item__link{
        //color: #fff !important;
      }
    }
  }


}
body{
  overflow: hidden;
  background-color: rgba(0,0,0,0) !important;
  .search-input{
    .n-input-wrapper {
      padding: 0 16px;
    }
    .n-input__input-el {
      height: 100%;
      font-size: 21px;
    }
    .n-input__prefix {
      .n-icon {
        font-size: 22px;
      }
    }
    .n-input__placeholder {
      font-size: 21px;
    }

  }
}
#app{
  overflow: hidden;

}
.down-user-info-wrap{
  border-radius: 12px !important;
  padding: 18px !important;
}
.bounce-enter-active {
  animation: bounce-in 0.5s;
}
.bounce-leave-active {
  animation: bounce-in 0.5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
.n-scrollbar-content{
  min-height: 100%;
  .n-spin-container{
    min-height: 100%;
  }
}
.custom-popover{
  &.n-popover{
    overflow: hidden;
    border-radius: 24px;
  }
}
.word-popover-info{
  width: 740px;
  height: 530px;
  background-color: #fff;
  //box-shadow: 0 6px 36px 0 rgba(0,0,0,0.1);
  //border-radius: 24px;
  //position: absolute;
  //bottom: 96px;
  //left: 50%;
  //margin-left: -370px;
  z-index: 2;
  padding: 0 24px;
  .popover-header{
    font-size: 24px;
    line-height: 36px;
    padding: 20px 0;
    border-bottom: 2px solid #E6EAED;
    margin-bottom: 20px;
  }
  .popover-inner{
    display: flex;
    height: 410px;
  }
  .inner-left {
    width: 315px;
    height: 420px;
    display: flex;
    background: url('../assets/img/pennant.png') center center no-repeat;
    background-size: cover;
    color: #fff;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
    .emoji-wrap {
      width: 80px;
      height: 80px;
      margin: 6px 0 20px;
    }
    .txt {
      font-size: 21px;
    }
    .chart-bg {
      width: 210px;
      height: 210px;
      margin: 0 auto;
      position: relative;
      &::before{
        content: '';
        display: block;
        border-top: 1px dashed #fff;
      }
    }
  }
  .inner-right {
    flex: 1;
    margin-left: 16px;
    padding: 24px 0;
    height: 100%;
    overflow: auto;
  }
  .comment-item {
    margin-bottom: 24px;
    .comment-tag {
      width: 60px;
      height: 30px;
      border: 2px solid rgba(54, 159, 255, 0.2);
      background-color: #eff8ff;
      color: #369fff;
      font-size: 18px;
      text-align: center;
      line-height: 24px;
      border-radius: 6px;
      margin-bottom: 12px;
      &.bad-tag {
        border-color: rgba(233, 73, 73, 0.2);
        color: #e94949;
        background-color: #fef1f1;
      }
    }
    .comment-text {
      flex: 1;
      color: #1E232B;
      font-size: 20px;
      line-height: 30px;
    }
  }
}
